<!DOCTYPE html>
<html>

<head>
    <script src="intelxdk.js"></script>
    <script src="cordova.js"></script>
    <script src="xhr.js"></script>
    
<link rel="stylesheet" href="css/style.css" type="text/css"/>
<style type="text/css">
        
.textfield {
	text-indent:0px;
	border:3px solid #dcdcdc;
    background-color: #F2F2F2;
	display:inline-block;
	color:#000000;
    font-family: BankGothic;
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	max-height:10%;
	line-height:65px;
	width:90%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
    margin-left:5%;
    margin-right:5%;
    margin-bottom:5%;
}
        
h1{
    text-align: center;
    margin-top:2%;
    margin-bottom: 2%;
    color: white;
}

.wrapper{
    margin-bottom: 10%;
    margin-top: 20%;
}
        
</style>

    
    
</head>    
    
<body>
    
    
  <h1>High Scores</h1>  
    <div class="wrapper">
        <div class="textfield" >#1 Bram Zwarts</div>  
        <div class="textfield" >#2 Anton Aus Tirol</div>  
        <div class="textfield" >#3 Charles Abersworth</div>  
    </div>
</body>
</html>
